<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<script type="text/javascript" src="../jquery/jquery-1.8.3.js"></script>
	<style type="text/css">
		.bbb{
			font-size: 20px;
			font-family: "微软雅黑";
		}
	</style>
	<body>
		<h1>英雄联盟</h1>
		<p>
			《英雄联盟》，简称LOL。
		</p>
		<p id="pp">
			由<span class="bbb">Riot Games </span>开发，为3D竞技场战游戏，其<span id="bghong">主创团队由实力强劲的
        <span class="bbb">魔兽争霸</span>
        系列游戏多人<span name="">即时对战</span>自定义地图开发团队
			</span>...
			<a href="#">更多详情</a>
		</p>
		<h2>目录
</h2>
		<ul class="ull">
			<li class="kaifa">开发团队</li>
			<li>游戏周边</li>
			<li>游戏介绍</li>
			<li>配置需求</li>
			<li>游戏背景</li>
		</ul>

	</body>
	<script>
		$("h1+p").click(function(){
			$(this).css({"background-color":"deepskyblue","color":"deeppink"});
			$("#bghong").css("background-color","deeppink");
			$(".bbb").css("color","blue");
			$("span[name]").css("background-color","deepskyblue");
			$(".kaifa").css("background-color","deepskyblue");
		})
	</script>
</html>